
.clear-both{zoom:1;}
.clear-both:before{content:""; display:table; clear:both;}
.clear-both:after{content:""; display:table; clear:both;}


/*display快速设置*/
/*.hide,[hide]{display:none;}*/
.block,[block]{display:block;}
.inline,[inline]{display:inline;}
.inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align: top;}
.table,[table]{display:table;}
.table.max,[table][max]{width:100%;}
.table-cell,[table-cell]{display:table-cell;vertical-align:middle;}
.table-cell.min,[table-cell][min]{width:1px;}
/*超出隐藏*/
.over,[over]{overflow:hidden;}
/*图片在div居中*/
.m-pic,[m-pic]{text-align:center;display:block;font-size:0;}
.m-pic:after,[m-pic]:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
.m-pic img,[m-pic] img{vertical-align:middle;max-width:100%;max-height:100%;}
/*鼠标移过图片放大*/
.b-pic,[b-pic]{overflow:hidden;}
.b-pic img,[b-pic] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic:hover img,[b-pic]:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic2,[b-pic2]{overflow:hidden;}
.b-pic2 img,[b-pic2] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic2:hover img,[b-pic2]:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}
/*图片占满div*/
.i-pic,[i-pic]{overflow:hidden;font-size:0;}
.i-pic img,[i-pic] img{width:100%;min-height:100%;}
/*灰度*/
.gray,[gray]{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
/*对齐方式*/
.text-left,[text-left]{text-align:left;}
.text-right,[text-right]{text-align:right;}
.text-center,[text-center]{text-align:center;}
/*当前行超出，显示省略号*/
.text-over,[text-over]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*几行内超出，显示省略号*/
.text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;/* autoprefixer: off */-webkit-box-orient:vertical;/* autoprefixer: on */-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}
/*强行不换行*/
.nowrap,[nowrap]{white-space:nowrap;}
/*强行换行*/
.break,[break]{white-space:normal;word-break:break-all;}
/*垂直对齐方式*/
.v-middle,[v-middle]{vertical-align:middle;}
.v-top,[v-top]{vertical-align:top;}
.v-bottom,[v-bottom]{vertical-align:bottom;}
/*边框盒子处理*/
.border-box,[border-box]{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*css3变换时间300毫秒*/
.trans,[trans]{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
/*鼠标手型*/
.pointer,[pointer]{cursor:pointer !important;}
/*英文大写*/
.upper,[upper]{text-transform:uppercase;}
/*英文小写*/
.lower,[lower]{text-transform:lowercase;}
/*宽高100%*/
.maxh,[maxh]{height:100%;}
.maxw,[maxw]{width:100%;}
/*最多宽度设置*/
.cw1920{max-width: 1920px;margin: auto;}
.cw1600{max-width: 1600px;margin: auto;}
.cw1400{max-width: 1400px;margin: auto;}
.cw1200{max-width: 1200px;margin: auto;}

 